html,body{
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
margin: 0;
height: 100%;
}
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
#app{
height: 100%;
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.top_menu{
height: 62px;
line-height: 62px;
text-align: center;
position: relative;
display: flex;
background-repeat: repeat-x;
}
.top_menu h1{
flex: 0 0 200px;
color: #fff;
word-wrap:break-word;
word-break:break-all;
text-align:center;
padding: 0 10px;
font-size: 26px;
font-weight: bold;
}
.header{
flex:1;
display: flex;
border-bottom: 7px solid #2eb398
}
.header .el-input{
/*top: -15px;*/
-webkit-transform: translateY(-14px);
-moz-transform: translateY(-0px);
-ms-transform: translateY(-0px);
-o-transform: translateY(-14px);
}
.header .el-input__inner{
/*color:#000;*/
}
.header .block{
flex:1;
}
.header .el-cascader__label{
color: #bfcbd9;
}
.header .el-cascader{
height: 34px;
background: none;
margin-top: 13px;
margin-left: 40px;
float: left;
}
.top_menu .el-menu--dark{
background: none;
}
.top_menu .el-menu-item{
text-align: left;
height: 62px !important;
}
.el-menu-item.is-active ,.theme-default .el-menu-item.is-active{
color: #21be9f;
}
.el-menu--horizontal>.el-menu-item:hover{
border-bottom-color: #27977f;
border-bottom-width: 7px !important;
}
.header_right{
color: #bfcbd9;
font-size: 14px;
flex:0 0 590px;
}
.header_right span{
cursor: pointer;
padding: 0 5px;
display: block;
float: left;
}
.header_right .header_nev_right{
line-height:62px;
text-align: center;
width: 92px;
transition:all .3s ease;
}
.header_right .header_nev_right:hover{
font-size: 15px;
color: #fff;
transition:all .3s ease;
}
.content{
display: flex;
/*height: 94%;*/
}
.left{
flex: 0 0 220px;
min-height: 920px;
background-repeat: repeat;
}
.img-circle{
width: 60px;
height: 60px;
border-radius: 50%;
display: block;
margin:  10px auto;
}
.bk-avatar p {
text-align: center;
color: #bfcbd9;
}
.divider2 {
background-image: -webkit-linear-gradient(left, transparent, #777, transparent);
background-image: -moz-linear-gradient(left, transparent, #777, transparent);
background-image: -ms-linear-gradient(left, transparent, #777, transparent);
background-image: -o-linear-gradient(left, transparent, #777, transparent);
height: 1px;
margin: 9px 0;
overflow: hidden;
}
.theme-default .el-submenu__title:hover ,.theme-blue .el-submenu__title:hover {
background-color: rgb(72, 87, 106);
}
.chart-icon{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(../img/chart-icon.png);
background-size: 20px;
background-repeat: no-repeat;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #999;
margin-right: 10px
}
.el-submenu__title{
display: flex;
align-items:center;
justify-content:cneter;
}
.el-submenu:nth-of-type(2) .chart-icon{
background-position-y: -60px;
}
.el-submenu:nth-of-type(3) .chart-icon{
background-position-y: -80px;
}
.el-submenu:nth-of-type(4) .chart-icon{
background-position-y: -100px;
}
.el-submenu:nth-of-type(5) .chart-icon{
background-position-y: -120px;
}
.el-submenu:nth-of-type(6) .chart-icon{
background-position-y: -140px;
}
.el-submenu:nth-of-type(7) .chart-icon{
background-position-y: -160px;
}
.el-submenu:nth-of-type(8) .chart-icon{
background-position-y: -80px;
}
.el-submenu:nth-of-type(9) .chart-icon{
background-position-y: -100px;
}
.el-submenu:nth-of-type(10) .chart-icon{
background-position-y: -120px;
}
.el-submenu:nth-of-type(11) .chart-icon{
background-position-y: -140px;
}
.el-submenu:nth-of-type(12) .chart-icon{
background-position-y: -160px;
}
.right{
position: relative;
/*height: 910px;*/
flex:1;
padding-bottom: 20px;
overflow: hidden;
}
